@media only screen and (min-width:360px)and (max-width:915px){
  .top-nav{
    display: none;
      }
  .offcanvas {
    width: 65vw !important;
  
   
  }
  .offcanvas .offcanvas-header button{
  /* color:white; */
  
  margin:10px 10px 0 0;}
  
  .offcanvas .offcanvas-body ul li a{
    color: white !important;
  }
  .offcanvas .offcanvas-body ul li  .dropdown-menu {
          color: white !important;
  }
  .offcanvas .offcanvas-body ul li  .dropdown-menu .dropdown-item {
    
    overflow: hidden;
    color: white !important;
  }
  
    /* navbar */
    
        .banner-fluid .image img{
            width: 100vw;
            height: 80vh;
            }
            .contact .container nav ol  {
              text-align: center ;
              margin-left:12vw ;

            }
    




    
    /* footer */
    .contact-footer .container .image{
       margin: 0px -12px -50px -24px;
       padding: 30px 50px 30px 50px;
      }
      .contact-footer .container .image .con a{
       font-size: 35px;
 
      }
      .contact-footer .container .contant{
       margin: 0px -12px -50px -24px;
       padding:20px 50px 50px 50px;
       
      }
      .contact-footer .container .contant h2{
       font-size: 19px;
       font-weight: 600;
     
      }
      .contact-footer .container .contant p{
       font-size: 17px;
       font-weight: 510;
      }
      .contact-footer .container .image .con a {
        font-size: 30px;
       }
}
@media only screen and (min-width:393px)and (max-width:915px){
    /* footer */
    .contact-footer .container .image{
       margin: 0px -12px -50px -24px;
       padding: 30px 50px 30px 50px;
      }
      .contact-footer .container .image .con a{
       font-size: 35px;
 
      }
      .contact-footer .container .contant{
       margin: 0px -12px -50px -24px;
       padding:20px 50px 50px 50px;
       
      }
      .contact-footer .container .contant h2{
       font-size: 25px;
       font-weight: 600;
     
      }
      .contact-footer .container .contant p{
       font-size: 17px;
       font-weight: 510;
      }
}


@media only screen and (min-width:393px)and (max-width:915px){
   /* footer */
   .contact-footer .container .image{
     margin: 0px -12px -50px -24px;
     padding: 30px 50px 30px 50px;
    }
    .contact-footer .container .image .con a{
     font-size: 30px;
  
    }
    .contact-footer .container .contant{
     margin: 0px -12px -50px -24px;
     padding:20px 50px 50px 50px;
     
    }
    .contact-footer .container .contant h2{
     font-size: 24px;
     font-weight: 600;
   
    }
    .contact-footer .container .contant p{
     font-size: 17px;
     font-weight: 510;
    }
  }
    /*========= Tablet view =========*/
     @media only screen and (min-width:720px)and (max-width:1140px){
      /* footer */
.contact-footer .container .contant{
   margin-left: -63px;
   height: 194px;
}
.contact-footer .container .contant {
   padding-top: 40px;
}


.contact-footer .container .image{
   margin:0 -63px 0 -12px;
   height: 194px;
   padding-top: 70px !important;
   gap: 5px;
}
.container-footer{
   margin-top: -80px;
}
}